<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
		
   
        	//1、在下方的div中添加一个ul标签
        	//2、在ul标签下创建三个li标签，并在li标签中添加文本节点，例如奔驰、宝马、五菱宏光
        	//3、获取第一个li标签中的节点并修改其文本子节点的值为悍马
     		window.onload=function(){
     			//创建div
     			var newDiv=document.createElement("div")
     			var body=document.getElementsByTagName("body")[0];
     			body.appendChild(newDiv);
     			//创建ul
     			var newUL=document.createElement("ul");
     			//将ul添加进div
     			newDiv.appendChild(newUL);  	
     			//创建li
     			var newLi1=document.createElement("li");
     			var newLi2=document.createElement("li");
     			var newLi3=document.createElement("li");
     			//将li添加进ul
     			newUL.appendChild(newLi1);
     			newUL.appendChild(newLi2);
     			newUL.appendChild(newLi3);
     			//创建文本
     			var newText1=document.createTextNode("奔驰");
     			var newText2=document.createTextNode("宝马");
     			var newText3=document.createTextNode("奥迪");
     			//将文本添加进li
     			newLi1.appendChild(newText1);
     			newLi2.appendChild(newText2);
     			newLi3.appendChild(newText3);
 
     			var liText=document.getElementsByTagName("ul")[0];
     			var li0=liText.firstChild;
     			
     			var newText4=document.createTextNode("悍马");
     			li0.replaceChild(newText4,newText1);
     			
     		
     		
     			
     			
     			
     			
     		}
     		

		</script>
	</head>
	<body>
		
			
		
	</body>
</html>
